$bgColor: #fff;
$color: #333333;
$primary: #fff48d;
$default: #edeff1;
$success: #448aff;
$warn: #f04134;
$lineColor: #e0e0e0;


// 	flex兼容
@mixin flex {
	display: box;
	display: flex;
}

//	flex垂直方向
@mixin flexVertical {
	box-orient: vertical;
	flex-direction:column;
}

//	flex子元素自适应撑满
@mixin flexAuto {
	box-flex: 1;
	flex: 1;
}

// flex兼容水平居中
@mixin flexCenterHori{
	box-pack: center;
	justify-content:center;
}

// flex兼容垂直居底
@mixin flexEndHori{
	box-align: end;
	justify-content: flex-end;
}

// flex兼容垂直居中
@mixin flexCenterVeri{
	box-align: center;
	align-items: center;
}

// flex兼容水平居底
@mixin flexEndVeri{
	box-pack: end;
	align-items: flex-end;
}

// 自动换行
@mixin flexWrap{
	flex-flow: row wrap;
  	align-content: flex-start;
}

// 水平反转
@mixin flexHoriReverse{
	box-direction: reverse;
	flex-direction: row-reverse;
}

// 绝对定位百分百的窗口
@mixin absWin($zIndex: 1) {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: $zIndex;
	overflow: hidden;
}

// 区域内滚动
@mixin scrollingX{
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
	overflow-y: hidden; 
}

@mixin scrollingY{
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	overflow-y: auto; 
}